<div class="header-top">
    <div class="header-top0 w1">
        <div class="headerLeft">
            <p>
                <span>嗨，欢迎来订花乐！</span>
            <div class="inline">
                <span class="linkwc">
                    <i class="iconfont icon-weixin"></i>
                    关注微信
                </span>
                <p class="imgHide">
                    <img class="wechat0" src="https://cs.dinghuale.com/uploads/20200706/202007061732083685.jpg" alt="">
                </p>
            </div>

            </p>
        </div>
        <div class="headerRight">
            <span class="tips">
                <a href="http://localhost/2105_php/sass_demo/html/reg&login.html">你好，请登录</a>
                <a href="http://localhost/2105_php/sass_demo/html/reg&login.html">免费注册</a>
            </span>
            |
            <a href="">订单查询</a>
            |
            <a href="./shoppingCar.html">
                <i class="iconfont icon-gouwuche"></i>
                购物车
                <!-- <span class="carnum">
                    (0)
                </span> -->
            </a>
            |
            <div class="inline">
                <a href="javaScript:;">手机下单</a>
                <span class="imgHide">
                    <img class="wechat1" src="https://upyun.dinghuale.com/public/images/xiaochengxu.png" alt="">
                </span>

            </div>
        </div>
    </div>
</div>
<div class="header-mid w1">
    <div class="barLeft fl">
        <a href="http://localhost/2105_php/sass_demo/index11.html">
            <img src="https://upyun.dinghuale.com/uploads/images/logo.png" alt="">
        </a>
    </div>
    <div class="barMid fl">
        <div class="search-bar">
            <input type="text" name="" id="" class="search-inp" placeholder="请输入要搜索的关键字"><button><i
                    class="iconfont icon-49"></i></button>
        </div>
        <div class="search-key">
            <a href="">红玫瑰</a>
            <span>|</span>
            <a href="">蛋糕</a>
            <span>|</span>
            <a href="">百合</a>
            <span>|</span>
            <a href="">康乃馨</a>
            <span>|</span>
        </div>
    </div>
    <div class="barRight">
        <i class="iconfont icon-dianhua_2"></i>
        <span>400-060-1520</span>
    </div>
</div>
<div class="header-footer w cl df">
    <div class="header-footerL">
        <div class="headerL df ">
            <p>全部商品分类</p>
            <i class="iconfont icon-xiangxia"> </i>
        </div>
        <div class="headerHide">
            <div>
                <p>用途</p>
                <ul class="">
                    <a href="">爰情鲜花</a>
                    <a href="">生日鲜花</a>
                    <a href="">友情鲜花</a>
                    <a href="">探病问候</a>
                    <a href="">道歉鲜花</a>
                    <a href="">问候长辈</a>
                    <a href="">感谢老师</a>
                    <a href="">哀思鲜花</a>
                    <a href="">商务鲜花</a>
                </ul>
            </div>
            <div>
                <p>花材</p>
                <ul class="">
                    <a href="">玫瑰</a>
                    <a href="">百合</a>
                    <a href="">康乃馨</a>
                    <a href="">向日葵</a>
                    <br>
                    <a href="">满天星</a>
                    <a href="">郁金香</a>
                    <a href="">菊花</a>
                    <a href="">其他</a>
                </ul>
            </div>
            <div>
                <p>类别</p>
                <ul class="">
                    <a href="">花束</a>
                    <a href="">礼盒</a>
                    <a href="">蛋糕</a>
                    <a href="">花篮</a>
                    <a href="">绿植</a>
                    <a href="">周花</a>
                    <a href="">手提花篮</a>
                    <a href="">桌花</a>
                    <a href="">其他</a>
                </ul>
            </div>
            <div>
                <p>枝数</p>
                <ul class="laa">
                    <a href="">11枝</a>
                    <a href="">19枝</a>
                    <a href="">21枝</a>
                    <a href="">33枝</a>
                    <br>
                    <a href="">52枝</a>
                    <a href="">66枝</a>
                    <a href="">99枝</a>
                    <a href="">其他</a>
                </ul>
            </div>
        </div>
    </div>
    <div class="navList cl ">
        <a href="">鲜花</a>
        <a href="">花束</a>
        <a href="">礼盒</a>
        <a href="">蛋糕</a>
        <a href="">花篮</a>
        <a href="">绿植</a>
        <a href="">周花</a>
    </div>
</div>